<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:ui="http://java.sun.com/jsf/facelets"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core"
	  xmlns:t="http://myfaces.apache.org/tomahawk"
	  xmlns:a4j="http://richfaces.org/a4j"
	  xmlns:rich="http://richfaces.org/rich"
	  xmlns:owl="http://onto.agh.edu.pl/owl">

	<ui:composition template="templates/body_template.xhtml">

		<ui:define name="css">
			<link type="text/css" rel="stylesheet" href="css/graph/hypertree.css" />
			<link type="text/css" rel="stylesheet" href="css/onto.css" />
		</ui:define>


		<ui:define name="scripts">
			<!--[if IE]><script language="javascript" type="text/javascript" src="../../Extras/excanvas.js"></script><![endif]-->
			<script language="javascript" type="text/javascript" src="scripts/graph/jit.js"/>
			<script language="javascript" type="text/javascript" src="scripts/graph/graph_new.js"/>
		</ui:define>

		<ui:define name="page_title">
			Ontology Browser
		</ui:define>

		<ui:define name="navright">

		</ui:define>


		<ui:define name="content">
			<h:form id="myform" prependId="false">
				<h:panelGrid columns="2">

					<h:outputText value="Wpisz name:"/>
					<h:inputText value="#{testMBean.name}">
						<f:ajax execute="@this" event="change"/>
					</h:inputText>

					<h:outputText id="odp" value="Odpowiedz z EJB:  #{testMBean.outputEJB}"/>
					<br/>
					<h:outputText value="#{testMBean.number}"/>
					<h:inputText value="#{testMBean.action}"/>


					<h:commandLink action="#{testMBean.testStatelessAction}" title="AJAX testStateless" value="AJAX testStateless">
						<f:ajax event="action" execute="@all" render="myform"/>
					</h:commandLink>

					<h:commandLink action="#{testMBean.testStatefulAction}" title="AJAX testStateful" value="AJAX testStateful">
						<f:ajax execute="@this" event="click" render="myform"/>
					</h:commandLink>
				</h:panelGrid>
			</h:form>

		</ui:define>

		<ui:define name="pages">
			<h:form id="links">
				<h:commandLink id="prev"  styleClass="a_prev_on" value=". ."/>
				<h:commandLink id="A" value="A" />|
				<h:commandLink id="B" value="B" />|
				<h:commandLink id="C" value="C" />|
				<h:commandLink id="D" value="D" />
				<h:commandLink id="next"  styleClass="a_next_on" value=". ."/>
			</h:form>
		</ui:define>

	</ui:composition>
</html>
